<ion-header [translucent]="true">
  <ion-toolbar>
    <ion-buttons slot="start">
      <!-- <ion-back-button text="" defaultHref="" (click)="goback()">
      <ion-icon slot="icon-only" name="arrow-back"></ion-icon>
      </ion-back-button>-->
      <ion-button (click)="goback()">
        <ion-icon slot="icon-only" name="arrow-back"></ion-icon>
      </ion-button>
    </ion-buttons>
    <ion-title>
      好看視頻
    </ion-title>
 
 
    <ion-buttons slot="end">
      <ion-button [ngClass]="{'btnOpen' : classFlag, 'btnClose' : !classFlag}" (click)="onQueryClick()">
        <ion-icon slot="start" name="funnel-outline"></ion-icon>
          篩選
        </ion-button>
      </ion-buttons>
    </ion-toolbar>
</ion-header>
<ion-content>
  <ion-list *ngFor="let item of vstudylist">
    <ion-item>
      <ion-thumbnail slot="end" *ngIf="item.filePath">
        <video #videoX [src]="fileUrl+item.fileName" loop="loop" height="100px" width="300px"
          controls="controls"></video>
      </ion-thumbnail>
      <ion-label>
        <h2 [ngStyle]="{'color':item.isRead?'gray':''}" [routerLink]="['/vsView',fileUrl+item.fileName,item.fileName,item.id]">{{item.displayName}}</h2>

        <div class="feedback label-inner">
          <div class="label-inner-content views">
              <ion-icon class="news" name="eye"></ion-icon>
              <span>{{item.sequenceNo}}</span>
          </div> 
          <p class="publish-time label-inner-note">{{item.createDate}}</p>
        </div>
      </ion-label>
    </ion-item>
  </ion-list>
  <!--<app-query-model-window   [hidden]="!isShowQueryCondition" (voted)="onVoted($event)"></app-query-model-window>-->
</ion-content>


